.aside-menu{
	@include absolute(5px, 10px, null, null);
	z-index: 1;
	button{
		display: inline-block;
		position: relative;
		text-align: center;
		@include size(40px, 45px);
		&:focus, &:hover, &:active, &:active:focus{
			span{
				background-color: darken($gray-form, 10%);
				&:before, &:after{
					background-color: darken($gray-form, 10%);
				}
			}
		}
		span{
			vertical-align: middle;
			display: inline-block;
			@include square(5px);
			border-radius: 100%;
			background-color: $gray-form;
			@include transition(background, 0.3s);
			&:before, &:after{
				content: "";
				display: block;
				position: relative;
				top: -8px;
				@include square(5px);
				border-radius: 100%;
				background-color: $gray-form;
				@include transition(background, 0.3s);
			}
			&:after{
				top: 3px;
			}
		}
	}
	&.open button{
		span{
			border-radius: 0;
			@include cancel(20px);
			background-color: transparent;
			&:before, &:after{
				border-radius: 0;
			}
		}
		&:focus, &:hover, &:active{
			span{
				&:before, &:after{
					background-color: darken($gray-form, 20%);
				}
			}
		}
	}
	.dropdown-menu{
		z-index: 2;
		left: auto;
		right: 35px;
		top: 10px;
		@extend %visibility-hidden;
		@include transform-origin(top);
		@include animation-fill-mode(forwards);
		@include scale(1, 0);
		@include transition(all, 0.2s, linear);
		display: block;
	}
	&.open > .dropdown-menu {
	  	@include scale(1, 1);
	  	@extend %visibility-visible;
	}
}
.dropdown-backdrop{
	z-index: 1;
}
.field .combo-box { width: 100%; }